<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Proyecto de Redes III</title>
        <h:outputStylesheet name="css/bootstrap.css"/>
        <h:outputStylesheet name="css/bootstrap.min.css"/>
        <h:outputStylesheet name="css/sb-admin.css"/>
    </h:head>
    <h:body>
        <div id="divIngreso" class="container">
            <div class="row">
                <div class="col-md-4 col-md-offset-4" >
                    <div class="login-panel panel panel-default" >
                        <div class="panel-heading"
                             style="background-color: #1874CD; align: center;">
                            <h3 class="panel-title"
                                style="color: white; font-weight: bold; font-size: 20px;">Proyecto de Redes III</h3>
                        </div>
                        <div class="panel-body">
                            <h:form id="form">
                                <h:messages globalOnly="true" styleClass="list-group"
                                            infoClass="list-group-item list-group-item-success"
                                            errorClass="list-group-item list-group-item-danger"
                                            />
                                <div class="form-group">
                                    <h:outputLabel  value="Usuario :" />
                                    <h:inputText value="#{loginBean.id}" styleClass="form-control" autocomplete="off" />
                                </div>
                                <div class="form-group">
                                    <h:outputLabel  value="Clave :" />
                                    <h:inputSecret value="#{loginBean.pass}" styleClass="form-control" autocomplete="off" />
                                </div>
                                <p:commandButton  value="Aceptar" action="#{loginBean.ENTRAR}" update="@form" style="font-size: 16px;"
                                                  styleClass="btn btn-primary btn-lg btn-block" />
                            </h:form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </h:body>
</html>

